<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>消息通知</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link href="/css/messagestyle.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        #aui-header {
            background-color: #03a9f4;
        }

        #aui-header img {
            opacity: 0.8;
        }

        .js-load-more {
            padding: 0 10px;
            width: 120px;
            height: 30px;
            background-color: #00c3ad;
            color: #fff;
            line-height: 30px;
            text-align: center;
            border-radius: 5px;
            margin: 20px auto;
            border: 0 none;
            font-size: 16px;
            display: none; /*默认不显示，ajax调用成功后才决定显示与否*/
        }

    </style>
</head>
<body>


<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed">
        <a href="javascript:;" class="aui-navBar-item goback">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title" style="color:white;">通知</span>
        </div>

    </header>


    <section class="aui-scrollView">
        <!-- 数据加载 -->
        <div class="aui-service-box datalist">

        </div>

        <!--加载更多按钮-->
        <div class="js-load-more">加载更多</div>
    </section>
</section>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/js/util/mershopmess.js"></script>
</body>
</html>
